<template>

	<view>
		<view class="top"></view>
		<view class="question">
			<text>1、胸闷气短，痰多食少</text>
		</view>
		<view class="answer">
			<navigator class="item" url="diagnosisInfo">是</navigator>
			<navigator class="item" url="diagnosisInfo">否</navigator>
		</view>
		<view class="foot"><navigator url="model"><text>重新自测</text></navigator></view>
	</view>
</template>

<script>
</script>

<style>
	page {
		background-color: #fff;
		background: url(http://yao.hayzon.com/static/replace0823/chinesestyle.png) 100% center/100% no-repeat;
	}

	.top {
		background-color: #f3f2eb;
		height: 5upx;
	}

	.question {
		height: 15%;
		width: 100%;
		margin-top: 5upx;
		/* background-color: #fff; */
		text-align: center;
		padding-top: 130upx;
		padding-bottom: 60upx;
	}

	.question text {
		font-size: 1.3em;
		font-weight: bold;
	}

	.answer {
		height: 80%;
		width: 350upx;
		/* background-color: #fff; */
		display: flex;
		margin: 0 auto;

	}

	.item {
		width: 100upx;
		height: 100upx;
		line-height: 100upx;
		border-radius: 50%;
		border: 1px solid #eb6350;
		text-align: center;
		margin: 30upx;
		background: #fff;
	}

	.foot {
		position: fixed;
		bottom: 0px;
		width: 100%;
		text-align: center;
		height: 80upx;
		box-shadow: 0 0 20upx 0 rgba(0, 0, 0, .5);
	}

	.foot text {
		font-size: 1.1em;
		color:#eb6350 ;
		line-height: 80upx;
	}
</style>
